﻿@section Styles {
    
}
@section Scripts{
    <script src="~/view-resources/Views/Account/Login.js" asp-append-version="true"></script>
}
<div class="login-box-body">
    <p class="login-box-msg">测试账号 admin/123456</p>
    <form id="LoginForm" asp-action="Login" method="post" class="bv-form">
        <input type="hidden" name="returnUrl" value="/" />
        <input type="hidden" name="returnUrlHash" />
        <h4 class="text-center">LogIn</h4>

        <div class="form-group has-feedback">
            <input type="text" class="form-control" name="usernameOrEmailAddress" placeholder="User Name Or Email" data-bv-field="usernameOrEmailAddress" required autofocus>
            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            <small data-bv-validator="notEmpty" data-bv-validator-for="usernameOrEmailAddress" class="help-block" style="display: none;">登录邮箱名或用户名不能为空</small>
        </div>
        <div class="form-group has-feedback">
            <input type="password" class="form-control" name="Password" placeholder="Password" required data-bv-field="Password">
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            <small data-bv-validator="notEmpty" data-bv-validator-for="Password" class="help-block" style="display: none;">密码不能为空</small>
        </div>
        <div class="row">
            <div class="col-xs-6">
                <div class="checkbox icheck">
                    <label>
                        <div class="icheckbox_square-red" aria-checked="false" aria-disabled="false" style="position: relative;">
                            <input type="checkbox" id="rememberme" name="rememberMe" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;" />
                            <ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                        </div> Remember Me
                    </label>
                </div>
            </div>
            <!-- /.col -->
            <div class="col-xs-6">
                <div class="checkbox pull-right">
                    <a href="#">忘记密码</a>
                    <!--加入条件判断是否能够注册-->
                    <span>&nbsp;|&nbsp;</span>
                    <a href='@Url.Content("~/Account/Register")' class="text-center">注册</a>
                </div>
            </div>
            <!-- /.col -->
        </div>
        <div class="row">
            <div class="col-xs-12">
                <button type="button" id="LoginButton" class="btn btn-danger btn-block btn-flat">LogIn</button>
            </div>
        </div>
        <input type="hidden" value="" />

        @*@if (Model.IsSelfRegistrationAllowed)
            {
                <div class="row m-t-15 m-b--20">
                    <div class="col-xs-12">
                        <a asp-action="Register">@L("Register")</a>
                    </div>
                </div>
            }*@
    </form>
    <div class="social-auth-links" style="margin-bottom: 0px;">
        <div class="row">
            <div class="col-xs-5">
                <div class="text-left" style="margin-top: 5px;">快速登录</div>
            </div>
            <div class="col-xs-7">
                <div class="text-right">
                    <a class="btn btn-social-icon btn-primary"><i class="fa fa-qq"></i></a>
                    <a class="btn btn-social-icon btn-success"><i class="fa fa-wechat"></i></a>
                    <a class="btn btn-social-icon btn-warning"><i class="fa fa-weibo"></i></a>
                    <a class="btn btn-social-icon btn-info"><i class="fa fa-github"></i></a>
                </div>
            </div>
        </div>
        <!-- /.social-auth-links -->
    </div>
</div>
<!--登录等待框-->
<div class="col-md-3" style="display: none;">
    <div class="box box-danger">
        <div class="box-header">
            <h3 class="box-title">Loading state</h3>
        </div>
        <div class="box-body">
            The body of the box
        </div>
        <!-- /.box-body -->
        <!-- Loading (remove the following to stop the loading)-->
        <div class="overlay">
            <i class="fa fa-refresh fa-spin"></i>
        </div>
        <!-- end loading -->
    </div>
</div>